<template>
    <div>

      <u-navbar :is-back="true" title="收货地址" back-text='' >
      <view class="slot-right" style="width: 100%;display: flex;justify-content: flex-end;" >
				<!-- <div>
                <img @click="goSettingM" style="width: 1rem;padding: 1rem;" src="../../style/image/my/设 置.png" alt="">
                </div> -->
	  </view>
      </u-navbar>

    <view class="inputS">
      <u-form :model="form" ref="uForm">
       
       <u-form-item
          style="padding: 0.7rem 1rem"
          prop="intro"
          label-width="auto"
          label="收货人姓名"
          ><u-input    placeholder='收货人姓名' v-model="form.intro"
        /></u-form-item>

          <u-form-item
          style="padding: 0.7rem 1rem"
          prop="intro"
          label-width="auto"
          label="手机号码"
          ><u-input    placeholder='请输入手机号码' v-model="form.intro"
        /></u-form-item>
        <u-form-item
          placeholder="123"
          style="padding: 0.7rem 1rem"
          prop="name"
          label-width="auto"
          label="所在地区"
          right-icon='map'
          
          ><u-input placeholder='请选择租借地点' type="" v-model="form.name"
        /></u-form-item>

        <u-form-item
          style="padding: 0.7rem 1rem"
          prop="intro"
          label-width="auto"
          label=""
          ><u-input   type='textarea'  placeholder='请输入小区门牌等详细地址' v-model="form.intro"
        /></u-form-item>

      </u-form>
    </view>
    	<u-picker mode="region" v-model="show"  :default-selector="[0]"  @confirm='confirmM' ></u-picker>

        <div class="footP" >
            <div  @click="addPosM" style="padding: 0.7rem;
display: flex;align-items: center;" >
                <!-- <img style="width: 1rem;" src="../../style/image/cargo/add.jpg" alt=""> -->
                <div  style="color: white;
margin-left: 0.2rem;">保存地址</div>
            </div>

    </div>
    </div>
</template>

<script lang='ts' >

 import { Component, Prop,Vue, Watch ,Emit} from 'vue-property-decorator'


 @Component({     //   @Component  是一个装修器   不可以在下面写语句
        name: 'test',
    })


    export default class extends Vue {
 
     @Prop({
            type: String, // 父组件传递给子组件的数据类型
            required: false, // 是否必填
            default: ' ' // 默认值， 如果传入的是 Object，则要 default: ()=>({}) 参数为函数
        }) msg!:string;


          public form = {
    name: "",
    intro: "",
    sex: "",
  };

    public show=false
       
       
         created() {
          }

          mounted() {
              //  console.log('父组件传递的参数:',this.$parent)   //暂时不考虑


          }
          confirmM(data:any){

            console.log('12312321312',data)
          }

    }
</script>

<style  scoped>

.footP{

position: absolute;
bottom: 0;
background-color: #02af74;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
</style>